当前位置：首页 > 脚本编程 > CSS/HTML >

html中如何设置超链接的样式

来源:网络整理作者: 发布时间:2020-12-18 07:15

本文来自html教程栏目，文中为大家分享了html中设置超链接样式的方法，具有一定的参考价值，希望可以帮助到大家。...

代码区：

a:link 超链接被点前状态

在定义这些状态时，有一个顺序l v h a。

html中如何设置超链接的样式

设置超链接的样式示例：

（推荐教程：html教程）

a:visited 超链接点击后状态

a:active 点击超链接时

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> a:link { color:#000; text-decoration:none;} a:visited { color:#000; text-decoration:none;} a:hover { color:#F00; text-decoration:underline;} a:active { color:#F90; text-decoration:underline;} </style> <link href=https://www.ym97.com/"Untitled-1.css" rel="stylesheet" type="text/css" /> </head> <body> <a href=https://www.ym97.com/"http:/www.baidu.com/">百度一下</a> </body> </html>

运行显示：鼠标箭头未放到“百度一下”，其显示黑色——放上时，其显示红色——点击“百度一下”链接时，其显示橙色——点击后，其显示黑色。

a:hover 悬停在超链接时

相关热词： HTML 链接

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5088.shtml

上一篇：html如何实现暗黑模式

下一篇：html中div标签有什么作用

④格式标签粗体：b/b 斜体：	我们直接看代码： !DOCTYPE htm
假设我们的HTML代码如下： ul	我们尝试一下更新一下HTML结构
微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
你可以根据自己的网站需求设	HTML5 学习总结（四）canvas绘图
也不发设置点击等用户事件	而没有设置高度
canvas与html5实现视频截图成果	html5 canvas常用api总结(二)画图
background-color属性可以设置的值	优化转动的小能力：利用CSS
.plate { position: absolute; top: 50	/lili这里是列表内容/lili这里是